Component({
  properties: {
    show: {
      type: Boolean,
      value: false
    },
    title: {
      type: String,
      value: '添加备注'
    },
    placeholder: {
      type: String,
      value: '请输入备注内容...'
    },
    inputValue: {
      type: String,
      value: ''
    }
  },

  data: {
    value: ''
  },

  observers: {
    'inputValue': function(newVal) {
      this.setData({ value: newVal })
    }
  },

  methods: {
    // 防止点击内容区域时关闭弹窗
    preventBubble() {},

    // 关闭弹窗
    onClose() {
      this.setData({ show: false, value: '' })
      this.triggerEvent('close')
    },

    // 输入事件
    onInput(e) {
      this.setData({
        value: e.detail.value
      })
    },

    // 确认事件
    onConfirm() {
      const value = this.data.value
      this.setData({ show: false, value: '' })
      this.triggerEvent('confirm', value)
    }
  }
}) 